{js href="__ADMIN_PLUGINS__/gee-test/gee-test.min.js" /}
<div id="wait" class="text-center" style="height: 44px;font-size: 18px;">
    正在加载验证码...
</div>
<div class="layui-form-item">
    <div id="embed-captcha" style="width: 300px;margin: 0 auto;;"></div>

</div>

<script>


    function refresh() {
        var handlerEmbed = function (captchaObj) {
            $("#loginButton").click(function (e) {
                var validate = captchaObj.getValidate();
                if (!validate) {
                    layer.msg('请先完成验证', { icon: 2 });
                    e.preventDefault();
                }
            });
            // 将验证码加到id为captcha的元素里，同时会有三个input的值：geetest_challenge, geetest_validate, geetest_seccode
            captchaObj.appendTo("#embed-captcha");
            captchaObj.onReady(function () {
                //$("#loginButton").attr("disabled",false);
                $("#wait").hide();
            });

        };
        $.ajax({
            // 获取id，challenge，success（是否启用failback）
            url: "{:url('auth/initGeeTest')}",
            type: "POST",
            dataType: "JSON",
            success: function (result) {
                let data = result.data;
                // 使用initGeetest接口
                // 参数1：配置参数
                // 参数2：回调，回调的第一个参数验证码对象，之后可以使用它做appendTo之类的事件
                $('#embed-captcha').empty();
                initGeetest({
                    with: '300px',
                    gt: data.gt,
                    challenge: data.challenge,
                    new_captcha: data.new_captcha,
                    product: "embed", // 产品形式，包括：float，embed，popup。注意只对PC版验证码有效
                    offline: !data.success // 表示用户后台检测极验服务器是否宕机，一般不需要关注
                }, handlerEmbed);
                refreshToken();
            }
        });

    }
    refresh();
</script>